<template>
  <el-row >
  <el-col :span="12">
    <slideSong  :music="list[(one*10+tow)*4]" :index="(one*10+tow)*4"></slideSong>
  </el-col>
  <el-col  :span="12">
    <slideSong :music="list[(one*10+tow)]" :index="(one*10+tow)"></slideSong>
  </el-col>
</el-row>
</template>

<script>
import slideSong from '@/components/slideSong.vue'
import { mapState } from 'vuex'
export default {
    components: {
    slideSong,
  },
  props:{
    one:{
type: Number,
default: 1
},//1,2,3
    tow:{
type: Number,
default: 1
}//1,2,3,4
  },
  data(){
    return{
    }
  },
  computed:{
      ...mapState({
        List:state => state.List,
        song:state => state.song,
        isOn:state => state.isOn
      })
    },
    beforeCreate(){
      this.list=this.$store.state.List
    }
}
</script>

<style>

</style>